<!DOCTYPE html>
<html  lang="zh_CN" xmlns:th="http://www.thymeleaf.org" style="overflow: hidden">
<head>
    <meta charset="utf-8"/>
    <title> 添加商品 </title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="../../img/favicon.ico" th:href="@{/img/favicon.ico}" type="image/x-icon">
    <!--Basic Styles-->
    <link href="../../lib/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{/lib/bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../../lib/jquery-ui/css/weather-icons.min.css" th:href="@{/lib/jquery-ui/css/weather-icons.min.css}" rel="stylesheet"/>

    <!--Beyond styles-->
    <link href="../../lib/jquery-ui/css/beyond.min.css" th:href="@{/css/beyond.min.css}" rel="stylesheet" type="text/css"/>
    <!-- Relative framework custom style -->
    <link href="../../css/common.css" th:href="@{/css/common.css}" rel="stylesheet"/>
    <link href="../../css/index.css" th:href="@{/css/index.css}" rel="stylesheet"/>

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="../../lib/jquery-ui/js/skins.min.js" th:src="@{/lib/jquery-ui/js/skins.min.js}"></script>
</head>
<!-- /Head -->
<!-- Body -->
<body>
<div class="modal-box">
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品名称 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="添加商品名称">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品编号 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="添加商品编号">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品图片 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <img class="add-img" src="../../img/temp1.png">
                    <input type="file" id="exampleInputFile">
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品分类 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="副食品" disabled>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 规格 </label>
                <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="ml" disabled>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 供应商 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <select class="form-control m-bot15">
                            <option>南旭实业</option>
                            <option>NO. 2</option>
                            <option>NO. 3</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 单位 </label>
                <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="包" disabled>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 参考价 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="例:100.00">
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 零售价 </label>
                <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="例:100.00">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 结算价 </label>
                <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                    <div class="iconic-input right">
                        <input type="text" class="form-control spinner" placeholder="例:100.00">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div><!-- /.modal-content -->
</body>
<!--Basic Scripts-->
<script src="../../lib/jquery-ui/js/jquery-2.0.3.min.js" th:src="@{/lib/jquery-ui/js/jquery-2.0.3.min.js}"></script>
<script src="../../lib/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{/lib/bootstrap-3.3.7/js/bootstrap.min.js}"></script>
<!--Beyond Scripts-->
<script src="../../lib/jquery-ui/js/beyond.min.js" th:src="@{/lib/jquery-ui/js/beyond.min.js}"></script>
<!--Page Related Scripts-->
<script src="../../js/common.js" th:src="@{/js/common.js}"></script>
</html>